<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<?php echo $this->Html->charset();?>
	<?php header('Content-Type: text/html; charset=utf-8'); ?>
	<title>
		<?php __('CLEO DESIGN'); ?>
		<?php echo $title_for_layout; ?>
	</title>
	<?php
		echo $this->Html->meta('cleo.ico');
		echo $this->Html->css('styles.css');
		
		//echo $scripts_for_layout;
	?>
	
<style type="text/css">
<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(<?php echo $this->webroot; ?>img/back.jpg);
}
-->
</style>
<script language="JavaScript">
var U=0;
var aux=0;

var tvl=setInterval("A()",3000); 
function A()
{

switch (aux) {
case 0:
	var url="img/img0"+U+".jpg";
	document.getElementById('img').src=url;

	break
case 1:
	var url2="img/im0"+U+".jpg";
	document.getElementById('im').src=url2;

	break
case 2:
	var url3="img/i0"+U+".jpg";
	document.getElementById('i').src=url3;

	break
case 3:
	var url4="img/ig0"+U+".jpg";
	document.getElementById('ig').src=url4;
	U++;

	break
}
if (aux==3) {
	aux=0;
}
else {
	aux++;
}

/*
var url="img/img0"+U+".jpg";
var url2="img/im0"+U+".jpg";
var url3="img/i0"+U+".jpg";
var url4="img/ig0"+U+".jpg";

document.getElementById('img').src=url;
U++;
document.getElementById('im').src=url2;
document.getElementById('i').src=url3;
document.getElementById('ig').src=url4;
*/
if(U>1) {U=0;}
}
</script>


</head>

<body>

<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="30" align="right" valign="top"><table width="30" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" height="661" background="<?php echo $this->webroot; ?>img/sombra_iz_arriba.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td height="10" background="<?php echo $this->webroot; ?>img/sombra_iz_medio.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td height="360" background="<?php echo $this->webroot; ?>img/sombra_iz_abajo.jpg">&nbsp;</td>
      </tr>
    </table></td>
    <td valign="top"><table width="934" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><?php echo  $this->Html->link(
    							  $this->Html->image('cleo_design_header.jpg', array("alt" => "CLEO DESIGN", "width" => "934", "height" => "248", "border" => "0")),
    							  array('controller' => 'inicio', 'action' => 'index') , array('escape' => false));?>
       </td>
      </tr>
    </table>
      <table width="934" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td height="800" valign="top" bgcolor="#FFFFFF"><table width="934" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td width="268" align="center" valign="top"><table width="250" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td height="60" align="left" bgcolor="#c02a4a" class="menublanco">&bull; 
                  <?php echo  $this->Html->link(
    							  'Exclusividades',
    							  array('controller' => 'exclusividades', 'action' => 'index') , array('escape' => false, 'class' => 'menublanco'));?>
                  <!--<a href="exclusividades.html" class="menublanco">Exclusividades</a>  -->
                  
                  </td>
                </tr>
                <tr>
                  <td align="left" class="menunaranja"> &bull;<?php echo $this->Html->link('Cocina',
                  array('controller' => 'cocinas', 'action' => 'index'),
                  array('class' => "menunaranja",'target' => "_self" ));?>
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menunaranja"> &bull;<?php echo $this->Html->link('Comedor',
                  array('controller' => 'comedores', 'action' => 'index'),
                  array('class' => "menunaranja",'target' => "_self" ));?>
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menunaranja">&bull;<?php echo $this->Html->link('Escritorio',
                  array('controller' => 'escritorios', 'action' => 'index'),
                  array('class' => "menunaranja",'target' => "_self" ));?>
                  <!-- <a href="escritorio.html" target="_self" class="menunaranja">&bull; Escritorio</a> -->
                  
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menunaranja">&bull;<?php echo $this->Html->link('Baño',
                 		 array('controller' => 'banos', 'action' => 'index'),
                	 	 array('class' => "menunaranja",'target' => "_self" ));?>
                	  <!-- <a href="banio.html" target="_self" class="menunaranja"> Ba&ntilde;o</a> -->
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menugris">&nbsp;</td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menugris">&bull;<?php echo $this->Html->link('Quienes somos',
                 		 array('controller' => 'quienessomos', 'action' => 'index'),
                	 	 array('class' => "menugris",'target' => "_self" ));?>
                  
                <!-- <a href="quienes_somos.html" target="_self" class="menugris">&bull; Qui&eacute;nes Somos</a>  -->  
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                  <td align="left" class="menugris">&bull;<?php echo $this->Html->link('Contáctenos',
                 		 array('controller' => 'contactos', 'action' => 'index'),
                	 	 array('class' => "menugris",'target' => "_self" ));?>
                  <!-- <a href="contacto.html" target="_self" class="menugris">&bull; Cont&aacute;ctenos</a> -->
                  
                  </td>
                </tr>
                <tr>
                  <td height="1" align="left" bgcolor="#d5d5d5" ></td>
                </tr>
                <tr>
                </tr>
              </table>
                <table width="250" border="0" cellspacing="0" cellpadding="0">
                 <?php 
                  		$i=0;
                  		$bandera_=1;
                  		foreach ($banos_articulos as $articulo) {
                  			//print_r($articulo);
                  			if ($i%4 == 0){ // crear nueva fila
                  				if ($bandera_){//solamente abre la fila para incluir 4 imagenes
                  					echo "<tr>
						                    <td width=\"633\" height=\"30\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
						                        <tr>
						                          <td height=\"40\">&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                        </tr>
						                        <tr>";	
									$bandera_= 0;
                  				}
                  				else{//cerrar la fila y abrir otra
                  					//cierra la fila actual
                  					echo "</tr>
                    						</table></td>
                  						</tr>";
                  					//abre la siguiente fila
                  					 echo "<tr>
						                    <td width=\"633\" height=\"30\"><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
						                        <tr>
						                          <td height=\"40\">&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                          <td>&nbsp;</td>
						                        </tr>
						                        <tr>";	
                  				}
                  				
                  			}
                  			$nombre_archivo = "bano/".$articulo['Bano']['id'].".jpg";
                  			echo "<td><table border=\"0\" cellspacing=\"0\" cellpadding=\"1\">
	                              <tr>
	                                <td background=\"$this->webroot;img/gris.gif\"><table border=\"0\" cellpadding=\"2\" cellspacing=\"0\" bgcolor=\"#FFFFFF\">
	                                    <tr>
	                                      <td><table border=\"0\" cellspacing=\"0\" cellpadding=\"0\">
	                                          <tr>
	                                            <td align=\"center\" valign=\"middle\">";
                  			echo  $this->Html->link(
    							  $this->Html->image($nombre_archivo, array("alt" => "INDIVIDUALES", "width" => "53", "height" => "53", "border" => "0",
    							  						"style" => "-moz-opacity:0.5;filter:alpha(opacity=50);cursor:hand",
    							  						 "onload"=> "this.style.MozOpacity=0.5;this.filters.alpha.opacity=50",
    							  						"onmouseover" => "this.style.MozOpacity=1;this.filters.alpha.opacity=100",
    							  						"onmouseout" => "this.style.MozOpacity=0.5;this.filters.alpha.opacity=50"	)),
    							  array('controller' => 'banoss', 'action' => 'view', $articulo['Bano']['id']) ,array('escape' => false));
    							  
                  			 echo "</td>
                                          </tr>
                                          <tr>
                                            <td height=\"1\" align=\"left\"></td>
                                          </tr>
                                          <tr>
                                            <td height=\"1\" align=\"left\"></td>
                                          </tr>
                                      </table></td>
                                    </tr>
                                </table></td>
                              </tr>
                          </table></td>
                          <td width=\"15\">&nbsp;</td>";
                  				
                  			
                  			$i++;
						
                  		}
                  		//cierra la tabla
                  		echo "</tr>
								</table></td>
                  				</tr>";
                  
                 ?>
                    
                </table></td>
              <td valign="top"><table width="666" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td><img src="<?php echo $this->webroot; ?>img/banner_banio.jpg" width="666" height="110" /></td>
                </tr>
              </table>
                 <table width="666" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td height="30" align="left" class="textocastellano"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="90%">&nbsp;</td>
                        <?php 
                        	 $boton_anterior = $boton_siguiente = $id_actual;
                        	 
                        	 if ($id_actual == $index_mayor['Bano']['id']){//si el id actual es el ultimo y se presiona el boton siguiente, boton_siguiente = primer id                        		
                        		$boton_siguiente = $index_menor['Bano']['id'];
                        	}
                        	else {
                        		$boton_siguiente = $index_siguiente['Bano']['id']; 
                        	}
                        	
                        	if ($id_actual == $index_menor['Bano']['id']){//si el id actual es el primero y se presiona el boton anterior boton_anterior = ultimo_id                        		
                        		$boton_anterior = $index_mayor['Bano']['id'];
                        	}
                        	else {
                        		$boton_anterior = $index_anterior['Bano']['id']; 
                        	}
                        ?>
                        <td width="5%"><?php echo $this->Html->link(
                        					$this->Html->image("anterior.jpg", array("alt" => "op", "width" => "25", "height" => "25")),
                        					"view/".$boton_anterior,array('escape' => false));?></td>
                        <td width="5%" height="30"><?php echo $this->Html->link(
                        					$this->Html->image("siguiente.jpg", array("alt" => "op", "width" => "25", "height" => "25")),
                        					"view/".$boton_siguiente,array('escape' => false));?></td>
                       
                      </tr>
                    </table>
                  
                  <tr>
                    <td height="10" align="center"><table width="640" border="0" cellspacing="0" cellpadding="2">
                      <tr>
                        <td background="<?php echo $this->webroot; ?>img/gris.gif"><table width="635" border="0" cellpadding="4" cellspacing="0" bgcolor="#FFFFFF">
                            <tr>
                              <td align="center"><table width="242" border="0" cellspacing="0" cellpadding="0">
                                  
                                  <tr>
                                    <td width="128" align="center" valign="middle"><?php 
                                    echo $this->Html->image("bano/".$banos['Bano']['id']."_g.jpg", 
                                    						array("width" => "625", "height" => "500"))?></td>
                                  </tr>
                                  <tr>
                                    <td height="1" align="left"></td>
                                  </tr>
                                  <tr>
                                    <td align="left" bgcolor="#FFFFFF" class="textocastellano">&nbsp;</td>
                                  </tr>
                                  <tr>
                                    <td align="left" bgcolor="#FFFFFF" class="textocastellano"><table width="625" border="0" cellpadding="0" cellspacing="15">
                                      <tr>
                                        <td width="566"><p><span class="menunaranja">&bull;</span><?php echo $this->Html->tag('span',$banos['Bano']['titulo'],array('escape' => true,'class' =>'menunaranja'))?>
                                          <br /><br />
										 </p>
                                            <?php echo $this->Html->tag('p',$banos['Bano']['descripcion'],array('escape' => true))?>
                                              <strong>Caracter&iacute;sticas:&nbsp;</strong>&nbsp;<?php echo $banos['Bano']['caracteristicas']?><br />
                                              <strong>Color:</strong>&nbsp;<?php echo $banos['Bano']['color']?><br />
                                              <strong>Dimensiones:</strong>&nbsp;<?php echo $banos['Bano']['dimensiones']?><br />
                                              <strong>Precio unitario:</strong>&nbsp;<?php echo $banos['Bano']['precio']?><br />
                                              <br />
                                              ..................................................................................................................................................<br />
                                             
                                           <!--  <?php echo $this->Html->tag('p',$banos['Bano']['descripcion_fr'],array('escape' => true))?><br />
                                              <strong>Caract&eacute;ristiques:</strong> <?php echo $banos['Bano']['caracteristicas_fr']?><br />
                                              <strong>Coloris: ray&eacute;</strong> <?php echo $banos['Bano']['color_fr']?><br />
                                              <strong>Dimensions:</strong> <?php echo $banos['Bano']['dimensiones_fr']?><br />
                                              <strong>Prix unitaire:</strong> <?php echo $banos['Bano']['precio_fr']?><br />
  <br />
                                              ..................................................................................................................................................<br />
                                                  <br />
                                                  <?php echo $this->Html->tag('p',$banos['Bano']['descripcion_en'],array('escape' => true))?><br />
                                                  <strong>Caracteristics:</strong> <?php echo $banos['Bano']['caracteristicas_en']?><br />
                                                  <strong>Colour:</strong> <?php echo $banos['Bano']['color_en']?><br />
                                                  <strong>Size:</strong> <?php echo $banos['Bano']['dimensiones_en']?><br />
                                                  <strong>Unit:</strong>  <?php echo $banos['Bano']['precio_en']?><br /> -->
                                            </p></td>
                                      </tr>
                                    </table>                                        </td>
                                  </tr>
                                  <tr>
                                    <td align="left" bgcolor="#FFFFFF" class="textocastellano">&nbsp;</td>
                                  </tr>
                                  <tr>
                                    <td height="1" align="left" bgcolor="#CCCCCC" class="textocastellano"></td>
                                  </tr>
                                  <tr>
                                    <td height="60" align="right" bgcolor="#c4884f" class="menublanco"><a href="contacto.html" target="_self" class="menublanco">Solicitar este producto</a> &bull;&nbsp;</td>
                                  </tr>
                                  <tr>
                                    <td height="1" align="left" bgcolor="#CCCCCC" class="textocastellano"></td>
                                  </tr>
                                  
                                  <tr>
                                    <td height="1" align="left"></td>
                                  </tr>
                              </table></td>
                            </tr>
                        </table></td>
                      </tr>
                    </table></td>
                    </tr>
                  <tr>
                    <td height="10" align="center">&nbsp;</td>
                  </tr>
                  
                  

                  <tr>
                    <td></td>
                    </tr>
                </table></td>
            </tr>
          </table>
          <table width="934" height="66" border="0" align="left" cellspacing="1" bgcolor="#FFFFFF">
  <tr>
    <td colspan="2" align="center" valign="middle" bgcolor="#FFFFFF" class="textocastellano">Cl&eacute;o Design &reg; Todos los derechos reservados</td>
  </tr>
  <tr>
    <td colspan="2" align="center" valign="middle" bgcolor="#FFFFFF" class="menupie" >
	 <!-- <a href="cocina.html" target="_self" class="menu_arriba">Cocina</a> --> <?php echo $this->Html->link('Cocina',
                  array('controller' => 'cocinas', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> | 
    <!-- <a href="comedor.html" target="_self" class="menu_arriba"> Comedor </a> --> <?php echo $this->Html->link('Comedor',
                  array('controller' => 'comedores', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> | 
    <!-- <a href="escritorio.html" target="_self" class="menu_arriba"> Escritorio </a> --> <?php echo $this->Html->link('Escritorio',
                  array('controller' => 'escritorios', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> |
     <!-- <a href="banio.html" target="_self" class="menu_arriba"> Ba&ntilde;o </a> --> <?php echo $this->Html->link('Baño',
                  array('controller' => 'banos', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> | 
     <!--  <a href="exclusividades.html" target="_self" class="menu_arriba"> Exclusividades </a>--> <?php echo $this->Html->link('Exclusividades',
                  array('controller' => 'exclusividades', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> |   
     <!-- <a href="quienes_somos.html" target="_self">Quienes somos</a>  --><?php echo $this->Html->link('Quienes somos',
                  array('controller' => 'quienessomos', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?> | 
     <!-- <a href="contacto.html" target="_self" class="menu_arriba"> Cont&aacute;ctenos</a> --><?php echo $this->Html->link('Contáctenos',
                  array('controller' => 'contactos', 'action' => 'index'),
                  array('class' => "menu_arriba",'target' => "_self" ));?>
	</td>
  </tr>
</table>
          </td>
        </tr>
      </table>
      <table width="934" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><img src="<?php echo $this->webroot; ?>img/cleo_design_foot.jpg" width="934" height="30" /></td>
        </tr>
      </table></td>
    <td width="30"   valign="top"><table width="30" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="30" height="661" background="<?php echo $this->webroot; ?>img/sombra_der_arriba.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td height="270" background="<?php echo $this->webroot; ?>img/sombra_der_medio.jpg">&nbsp;</td>
      </tr>
      <tr>
        <td height="360" background="<?php echo $this->webroot; ?>img/sombra_der_abajo.jpg">&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>
